@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#9D9D9E; font-size:14px; height:auto; box-sizing:border-box; background-color:#fff;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#9D9D9E; text-decoration:none;}
a:hover{ text-decoration:none; color:#3E3A39;}
i,em{ font-style:normal;}



.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:5px;right:-8px;font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; border-radius:3px;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.7em;content: " ";}
.menu-link span:after {top: .7em;}
.menu-link.active span {background: transparent !important;}
.menu-link.active span:before { background-color:#ffffff;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#ffffff;
-webkit-transform: rotate(-45deg) translate(.6em, -.5em);
-moz-transform: rotate(-45deg) translate(.6em, -.5em);
-ms-transform: rotate(-45deg) translate(.6em, -.5em);
-o-transform: rotate(-45deg) translate(.6em, -.5em);
transform: rotate(-45deg) translate(.6em, -.5em);
}

.fix_body .menu-link span,
.fix_body .menu-link span:before,
.fix_body .menu-link span:after,
.p_body .menu-link span,
.p_body .menu-link span:before,
.p_body .menu-link span:after{background-color: #333;}

.icase_con .img,
.icase_con .img img,
.isolution .h3,
.inews .img img,
.inews .pd,
.icase_tab li .pd,
.index_body .header,
.isolution .pd,
.solution_list .pd,
.solution_list .pd .img img,
.subnav a,
.solution_list .h3,
.solution_list .p,
.solution_list .em,
.isolution .p a,
.inews .h3,
.inews .p,
.inews .em,
.icase_flip a,
.icase_flip em,
.menu li a,
.logo i,
.more a,
.ipt_b1,
.ipt_t1,
.textarea1,
.isolution .p,
.isolution .p em
{-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.icase_con .pd:hover .img img,
.inews .pd:hover .img img,
.solution_list .pd:hover .img img{ transform: scale(1.1);}

.p_body{ padding-top:70px;}

.wp{ width:1500px; position:relative; margin:0 auto;}

.header{ position:fixed; left:0px; top:0px; right:0px; height:70px; z-index:90;-webkit-transform: translateZ(0);}
.header .wp,.fix_body .case_tit .wp{ margin:0 30px; width:auto;}

.logo{/* background:url(../images/logo.png) no-repeat;*/ width:208px; height:70px; display:block; overflow:hidden; position:absolute; left:0px; top:0px; z-index:10;}
.logo i{ font-size:208px; color:#fff; position:absolute; top:50%; width:208px; height:208px; margin-top:-104px; left:0px; line-height:208px;}
.menu{ float:right;}
.menu ul{ padding:18px 0 16px 0;}
.menu li{ float:left; padding:0 0 0 44px;}
.menu li a{ height:36px; line-height:36px; display:block; color:#fff; position:relative; font-size:15px;}
.menu li a:after{content:'\20'; height:2px; position:absolute; left:0px; right:0px; bottom:0px; background:#fff; display:none;}
.menu li a.active:after{ display:block; }

.subnav{ position:fixed; right:30px; top:50%; margin-top:-90px; width:44px;-webkit-transform: translateZ(0); z-index:90;}
.subnav li{ margin-bottom:20px;}
.subnav a{ display:block; color:#fff; opacity:0.6; border-radius:5px;}
.subnav a i{ line-height:44px; height:44px; display:block; text-align:center; font-size:34px;}
.subnav a:hover{ opacity:1;}
.subnav li:last-child{ display:none;}

.fix_body .header,.p_body .header{ background:#fff; border-bottom:1px solid #c7c8c9;}
.fix_body .menu li a,.p_body .menu li a{ color:#9D9D9E;}
.fix_body .menu li a:hover,.p_body .menu li a:hover,
.fix_body .menu li a.active,.p_body .menu li a.active,
.fix_body .logo i,.p_body .logo i{ color:#3E3A39;}
.fix_body .subnav a{ background:#000;}


.fix_body .case_tit{ position:fixed; left:0px; top:70px; right:0px;-webkit-transform: translateZ(0); z-index:9; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.fix_body .case_tit .h3{ height:50px; line-height:50px;}
.fix_body .case_tit .p{ position:absolute; right:0px; top:0px; padding-top:0px; height:50px; line-height:50px;}
.fix_body .case_tit .em{ display:none;}


.ibanner{ padding-top:0px; position:relative;}
.ibanner .slick-slide{ position:relative; overflow:hidden; background: center top no-repeat; background-size:cover;}
.ibanner .slick-slide img{ width:auto; height:auto; display:block;}
.ibanner .slick-slide a{ display:block; height:100%; background: no-repeat -9999px -9999px; background-size:cover;}
.ibanner .slick-dots{ position:absolute; left:50%; bottom:100px; z-index:8; margin-left:-43px;}
.ibanner .slick-dots li{ float:left; margin:0 3px;}
.ibanner .slick-dots li button{ float:left; background:rgba(255,255,255,0); width:30px; height:8px; padding:0px; border:1px solid rgba(255,255,255,0.8); cursor:pointer; box-sizing:border-box; text-indent:-9999px; overflow:hidden; position:relative; border-radius:5px;}
.ibanner .slick-dots li button:after{content:'\20'; position:absolute; background:rgba(255,255,255,0.8); left:0px; right:0px; top:0px; bottom:0px; width:0%; height:100%;}
.ibanner .slick-dots li.slick-active button:after{ width:100%;}
.ibanner .m{ position:absolute; bottom:40px; left:50%; margin-left:-18px;}
.ibanner .m a{ font-size:36px; color:#fff;}

.banner_i{ min-height:600px;}

.banner_pg{ min-height:400px;}
.banner_pg .slick-dots{ bottom:35px;}
.banner_pg .slick-dots li{ margin:0 5px;}
.banner_pg .slick-dots li button{background:rgba(255,255,255,0.5); width:12px; height:12px;border:none;border-radius:6px;}





.icon{ padding:120px 0;}
.icon_img{ background: no-repeat center center fixed; background-size:cover;}
.icon_img .text{ text-align:center; color:#fff; padding:60px 0;}
.icon_img .h3{ font-size:56px; font-family:arial; line-height:1; margin-bottom:20px; letter-spacing:0.3em; padding-left:0.3em;}
.icon_img .p{ font-size:34px; line-height:1; letter-spacing:0.2em; padding-left:0.2em;}
.icon1{ padding:0px !important;}

.icase_tab{ background:#fff; padding:40px 0;}
.icase_tab li{ float:left; text-align:center; width:20%;}
.icase_tab li .pd{ color:#9D9D9E;}
.icase_tab li i{ display:block; font-size:48px;}
.icase_tab li strong{ display:block; font-size:22px; font-weight:normal;}
.icase_tab li em{ display:block; font-size:18px;}
.icase_tab li .pd:hover,.icase_tab li.curr .pd{ color:#3E3A39;}


.icase_con{ background:#f9f9f9; padding:120px 0;}
.icase_con .ul{ display:none;}
.icase_con .ul:first-child{ display:block;}
.icase_con ul{ margin-right:-28px;}
.icase_con li{ width:25%; margin-bottom:20px; float:left;}
.icase_con .pd{ display:block; margin-right:28px; color:#9D9D9E;}
.icase_con .img{ overflow:hidden; border-radius:6px;-webkit-transform: translateZ(0);}
.icase_con .img img{ width:100%; height:auto; display:block;}
.icase_con .text{ font-size:16px; line-height:60px; overflow:hidden; height:60px;}
.icase_con .pd:hover{ color:#3E3A39;}
.icase_con .pd:hover .img{ box-shadow:0 0 20px rgba(0,0,0,0.3);}

.icase_flip{ text-align:center;}
.icase_flip a,.icase_flip em{ display:inline-block; font-size:21px; color:#9D9D9E; margin:0 0.3em;}
.icase_flip a:hover,.icase_flip a.current{ color:#3E3A39;}

.icon2{ background:#f9f9f9;}
.tit1{ font-size:34px; color:#3E3A39; text-align:center; margin-bottom:60px; letter-spacing:0.3em; padding-left:0.3em;}
.isolution{}
.isolution ul{ margin-right:-54px;}
.isolution li{ width:25%; float:left; text-align:center;}
.isolution .pd{ display:block; margin-right:54px; background:#fff; border-radius:10px; height:620px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.isolution .h3{ padding:220px 0 35px 0; color:#898989;}
.isolution .h3 i{ display:block; font-size:48px;}
.isolution .h3 strong{ display:block; font-size:22px; font-weight:normal;}
.isolution .h3 em{ display:block; font-size:18px;}
.isolution .p{ display:none; border-top:3px solid #f9f9f9; height:395px;}
.isolution .p em{ display:block; font-size:15px; line-height:25px; color:#727171;}
.isolution .pd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}
.isolution .pd:hover .h3{ padding:50px 0 40px 0; color:#3E3A39;}
.isolution .pd:hover .p{ display:block;}
.isolution .ntb{display: table; table-layout: fixed; width: 100%; height: 100%; text-align: center;}
.isolution .ntd{display: table-cell; vertical-align: middle;}


.icon3{ background:#fff;}
.inews{ margin-bottom:50px; position:relative;}
.inews ul{ margin-right:-46px;}
.inews li{ float:left; width:33.33%;}
.inews .pd{ display:block; margin-right:46px; border-radius:10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.inews .img{ overflow:hidden; border-radius:10px 10px 0 0;-webkit-transform: translateZ(0);}
.inews .img img{ width:100%; display:block;}
.inews .text{ padding:25px;}
.inews .h3{ font-size:21px; color:#5D5D5D; margin-bottom:20px; height:32px; line-height:32px; overflow:hidden;}
.inews .p{ font-size:18px; color:#9D9D9E; margin-bottom:20px; height:150px; overflow:hidden; line-height:30px;}
.inews .em{ font-size:16px; color:#9D9D9E; text-align:right;}
.inews .pd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}
.inews .pd:hover .h3{ color:#000;}
.inews .pd:hover .p{ color:#666;}
.inews .pd:hover .em{ color:#666;}
.more a{ display:block; width:210px; height:42px; line-height:42px; border:1px solid #c7c8c9; margin:0 auto; text-align:center;}
.more a:hover{ border-color:#666; color:#666;}

.icon4{ background:#f7f8f8;}
.icon4 .img{}
.icon4 .img img{ max-width:80%; height:auto; display:block; margin:0 auto;}
.icon4 .text{ text-align:center; padding-top:100px;}
.icon4 .h3{ font-size:26px; color:#3e3a39; margin-bottom:30px;}
.icon4 .p{ font-size:16px; line-height:30px;}

.icon5{ background:#fff;}
.imsg{}
.imsg ul{ margin-right:-32px;}
.imsg li{ width:50%; float:left; margin-bottom:28px;}
.imsg li.w100{ width:100%;}
.imsg .pd{ margin-right:32px;}
.ipt_t1{ width:100%; box-sizing:border-box; border:1px solid #C7C8C9; border-radius:5px; padding:0 10px; height:42px; line-height:42px;}
.ipt_t1:focus{ color:#666; border-color:#666;}
.textarea1{ width:100%; box-sizing:border-box; border:1px solid #C7C8C9; border-radius:5px; padding:10px; height:200px;resize:none; overflow:hidden;}
.textarea1:focus{ color:#666; border-color:#666;}
.ipt_b1{ width:214px; height:44px; line-height:44px; text-align:center; font-size:21px; border:1px solid #C7C8C9; background:none; display:block; margin:0 auto; color:#9D9D9E;}
.ipt_b1:hover{ color:#666; border-color:#666;}

.icon6{ background:url(../images/imap_bg.jpg) no-repeat #f7f8f8; background-size:cover;}
.icon6 .img{ display:none;}
.imap{ float:right; width:448px; background:#fff;}
.imap li{ margin-bottom:20px;}
.imap .pd{ padding:40px 40px 20px 40px;}
.imap .i{ margin-bottom:40px;}
.imap .i i{ font-size:64px; line-height:1; color:#3D3A39;}
.imap .h3{ color:#000; line-height:1; margin-bottom:10px;}
.imap .h3 strong{ font-size:24px; margin-right:6px; font-weight:normal;}
.imap .h3 em{ font-size:18px;}
.imap .p{ font-size:14px; line-height:20px; color:#b5b5b6;}

.footer{ background:#232323;}
.footer_top{ padding:75px 0;}
.footer_top_fl{ float:left;}
.footer_top_fl .h3{ margin-bottom:90px; padding-top:20px;}
.footer_top_fl .h3 img{ width:365px; height:auto;}
.footer_top_fl .p{}
.footer_top_fl .p a{ font-size:18px; padding:0 28px; border-left:1px solid #fff; line-height:18px; height:18px; display:block; float:left; color:#fff;}
.footer_top_fl .p a:first-child{ padding-left:0px; border-left:none;}
.footer_top_fl .p a:hover{ color:#fff;}

.footer_top_fr{ float:right; position:relative;}
.footer_top_fr .h3{ width:140px; float:right;}
.footer_top_fr .h3 img{ width:100%; height:auto;}
.footer_top_fr .p{ position:absolute; right:100%; bottom:0px; width:220px; padding-right:30px;}
.footer_top_fr .p li{ float:left; width:33.33%;}
.footer_top_fr .p i{ font-size:34px; color:#fff; line-height:1;}

.footer_bottom{ padding-bottom:30px; font-size:16px; color:#656565;}
.footer_bottom a{ color:#656565;}
.footer_bottom a:hover{ color:#fff;}
.footer_bottom_fl{ float:left;}
.footer_bottom_fr{ float:right;}



.case_tit{ background:#fff; padding:20px 0;}
.case_tit .h3{ font-size:30px; color:#3E3A39;}
.case_tit .p{ font-size:16px; padding-top:30px;}
.case_tit .strong{ color:#898989; font-weight:normal; height:24px;}
.case_tit .em{ color:#B5B5B6; height:24px;}
.case_tit .i{ float:right;}

.case_con{ background:#f9f9f9; padding:50px 0 20px 0;}
.case_con img{ display:block; width:100% !important; height:auto !important; margin-bottom:30px; display:block;}

.pg_tit{ background:#fff;}
.pg_tit .h3{ padding:64px 0; text-align:center; color:#3e3a39; line-height:1; font-size:35px;}

.fix_body .pg_tit{ position:fixed; left:0px; top:70px; right:0px;-webkit-transform: translateZ(0); z-index:9; box-shadow:0 0 15px rgba(0,0,0,0.3);}
.fix_body .pg_tit .h3{ height:50px; line-height:50px; padding:20px 0px; text-align:left;}



.news_con1{ background:#f9f9f9;}

.solution_con1{ background:#f9f9f9;}
.solution_con2{ background:#fff;}

.solution_list{ margin-bottom:50px;}
.solution_list li{ margin-bottom:22px;}
.solution_list li:last-child{ margin-bottom:0px;}
.solution_list .pd{box-shadow:0 0 10px rgba(0,0,0,0.1); display:block; background:#fff; overflow:hidden; border-radius:6px;-webkit-transform: translateZ(0);}
.solution_list .img{ width:238px; float:left; overflow:hidden;}
.solution_list .img img{ width:100%; height:auto; border-radius:6px 0 0 6px;}
.solution_list .text{ margin-left:238px; padding:15px 22px 0 22px;}
.solution_list .h3{ font-size:21px; color:#5d5d5d; margin-bottom:15px; height:31px; overflow:hidden;}
.solution_list .p{ font-size:16px; color:#9d9d9e; margin-bottom:20px; height:48px; overflow:hidden;}
.solution_list .em{ font-size:16px; color:#9d9d9e;}
.solution_list .pd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.3);}
.solution_list .pd:hover .h3{ color:#000;}
.solution_list .pd:hover .p{ color:#666;}
.solution_list .pd:hover .em{ color:#666;}

.inews_arrow{ position:absolute; width:146px; height:146px; top:50%; margin-top:-73px; font-size:146px; cursor:pointer; color:#c7c8c9; display:block;}
.inews_prev{ left:-146px;}
.inews_next{ right:-146px;}
.inews_arrow:hover{ color:#666;}

.wx_box{ display:none; -webkit-transform: translateZ(0); position:fixed; z-index:97; left:50%; top:50%; background:#35353d; width:280px; margin:-165px 0 0 -140px;}
.wx_box .pd{ padding:20px;}
.wx_box .close{ position:absolute; width:40px; height:40px; line-height:40px; text-align:center; font-size:16px; right:0px; top:0px; color:#fff;}
.wx_box .h3{ font-size:24px; text-align:center; color:#fff; margin-bottom:15px;}
.wx_box .p img{ width:100%; height:auto; display:block;}
.wx_bg{ display:none; -webkit-transform: translateZ(0); position:fixed; background:rgba(0,0,0,0.6); left:0px; top:0px; right:0px; bottom:0px; z-index:95;}


.isolution_con{ display:none;}
@media screen and (max-width:1680px){

}
@media screen and (max-width:1600px){
.wp{ width:1300px;}
.fix_body .case_tit .h3{ height:40px; line-height:40px;}
.fix_body .case_tit .p{ height:40px; line-height:40px;}
.fix_body .pg_tit .h3{ height:30px; line-height:30px; font-size:24px;}

.isolution ul{ margin-right:-30px;}
.isolution .pd{ margin-right:30px;}
.inews ul{ margin-right:-30px;}
.inews .pd{ margin-right:30px;}

.isolution .pd{ height:480px;}
.isolution .pd:hover .h3{ padding:20px 0 20px 0;}
.isolution .p{ height:305px;}
.isolution .p em{ font-size:14px; line-height:20px;}
.isolution .h3{ padding:180px 0 35px 0;}

.inews,.solution_list{ margin-bottom:30px;}
.inews .h3{ font-size:18px; line-height:24px; height:24px; margin-bottom:10px;}
.inews .p{ font-size:16px; line-height:24px; height:120px;}

.solution_list .h3{ font-size:18px; line-height:24px; height:24px; margin-bottom:10px;}
.solution_list .p{ font-size:14px; line-height:20px; height:40px;}

.case_tit .h3{ font-size:24px;}
.case_tit .p{ padding-top:20px; font-size:14px;}

.tit1{ font-size:30px; margin-bottom:40px;}
.imap .p{ font-size:14px; line-height:24px;}
.imap .h3 strong{ font-size:18px;}
.imap .h3 em{ font-size:16px;}
.footer_bottom{ font-size:14px;}
.footer_top_fl .p a{ font-size:16px;}

.icase_flip a,.icase_flip em{ font-size:18px;}

.pg_tit .h3{ padding:57px 0; font-size:30px;}

.inews_arrow{ width:120px; height:120px; line-height:120px; margin-top:-60px; font-size:120px;}
.inews_prev{ left:-120px;}
.inews_next{ right:-120px;}

.icon_img .h3{ font-size:48px; margin-bottom:15px;}
.icon_img .p{ font-size:30px;}


}

@media screen and (max-width:1440px){
.wp{ width:1200px;}

.tit1{ font-size:26px;}
.icase_con ul,.isolution ul,.inews ul{ margin-right:-20px;}
.icase_con .pd,.isolution .pd,.inews .pd{ margin-right:20px;}

.icon4 .p{ font-size:14px; line-height:24px;}

.imap .i{ margin-bottom:30px;}
.imap .i i{ font-size:54px;}

}

@media screen and (max-width:1366px){
.wp{ width:1150px;}
.menu li a{ font-size:14px;}

.inews_arrow{ width:80px; height:80px; line-height:80px; margin-top:-40px; font-size:80px;}
.inews_prev{ left:-80px;}
.inews_next{ right:-80px;}

.icase_con .text{ font-size:14px; height:40px; line-height:40px;}

.tit1{ font-size:24px; margin-bottom:30px;}

.icon_img .h3{ font-size:36px;}
.icon_img .p{ font-size:24px;}

.footer_top{ padding:50px 0;}
.footer_top_fl .p a{ font-size:14px;}

.icase_tab li strong{ font-size:18px;}
.icase_tab li em{ font-size:14px;}
.icase_tab li i{ font-size:32px;}

.isolution .h3 i{ font-size:32px;}
.isolution .h3 strong{ font-size:18px;}
.isolution .h3 em{ font-size:14px;}

.imap .h3 strong{ font-size:18px;}
.imap{ width:368px;}
.imap .pd{ padding:30px 30px 15px 30px;}
.imap .i i{ font-size:36px; margin-bottom:20px;}

.case_tit .h3{ font-size:18px;}
.case_tit .p{ padding-top:16px;}
.case_tit .strong{ height:20px;}
.case_tit .em{ height:20px;}

.fix_body .case_tit{ padding:15px 0;}
.fix_body .case_tit .h3{ height:30px; line-height:30px;}
.fix_body .case_tit .p{ height:30px; line-height:30px;}

.pg_tit .h3{ font-size:24px; padding:50px 0;}
.fix_body .pg_tit .h3{ padding:15px 0;}

.subnav{ width:36px;}
.subnav a i{ height:36px; line-height:36px; font-size:24px;}

.icon4 .img{ width:400px; margin:0 auto;}
.icon4 .text{ padding-top:50px;}

.icon4 .h3{ font-size:20px;}
}
@media screen and (max-width:1280px){
.subnav{ right:15px;}
}
@media screen and (max-width:1250px){
.wp{ width:1000px;}
.ibanner .slick-dots{ bottom:30px;}


.banner_pg{ min-height:410px;}
.banner_pg .slick-slide a{ height:410px !important;}

.icase_con ul, .isolution ul, .inews ul{ margin-right:-10px;}
.icase_con .pd, .isolution .pd, .inews .pd{ margin-right:10px;}



.inews .text{ padding:15px;}

.isolution .h3{ padding:170px 0 35px 0;}
.isolution .pd{ height:440px;}
.isolution .p{ height:301px;}

.pg_tit .h3{ padding:30px 0; font-size:18px;}
.fix_body .pg_tit .h3{ font-size:18px;}

.inews .p{ font-size:14px; line-height:20px; height:80px;}
}
@media screen and (max-width:1024px){
.wp{ width:auto; margin:0 30px;}

.tit1{ font-size:18px; }

.banner_pg{ min-height:350px;}
.banner_pg .slick-slide a{ height:350px !important;}

.tit1{ margin-bottom:20px;}
.icase_flip a,.icase_flip em{ font-size:16px;}

.icase_con ul, .isolution ul, .inews ul{ margin-right:-5px;}
.icase_con .pd, .isolution .pd, .inews .pd{ margin-right:5px;}

.icon,.icase_tab,.icon_img .text,.icase_con,.footer_top{ padding:30px 0;}

.icon_img .h3{ font-size:26px;}
.icon_img .p{ font-size:16px;}

.footer_top{}
.footer_top_fr{}
.footer_top_fl .h3{ margin-bottom:110px;}
.footer_top_fl .h3 img{ width:300px;}
.footer_top_fr .p{ width:120px; display:none;}
.footer_top_fr .p i{ font-size:24px;}

.footer_bottom{ padding:0 0 15px 0;}

.subnav{ display:none; left:0px; bottom:0px; right:0px; top:auto; width:100%;background-color: #333;border-top: 1px solid rgba(255,255,255,0.5);}
.subnav li{ width:25%; float:left; margin-bottom:0px; display:block !important;}
.subnav a{ border-radius:0px; display:block; border-right:1px solid #ccc;}
.subnav a i{ height:50px; line-height:50px;}



.fix_body .pg_tit .h3{ padding:10px 0;}

.imsg li{ margin-bottom:20px;}


.isolution .h3 strong{ font-size:16px;}
.inews .h3{ font-size:16px;}
.imap .h3 strong{ font-size:16px;}

.ipt_b1{ width:160px; height:40px; line-height:40px; font-size:14px;}

.isolution .pd{ box-shadow:0 0 3px rgba(0,0,0,0.1) !important;}
.isolution .h3{ padding:20px 0 20px 0 !important; color:#3E3A39 !important;}
.isolution .p{ display:block;}

.solution_list .h3{ font-size:16px;}
.solution_list .em{ font-size:12px;}

.icase_tab li strong{ font-size:16px;}

.fix_body .case_tit{ padding:10px 0;}

.icon4 .text{ padding-top:20px;}
.icon4 .h3{ margin-bottom:15px;}
.icon4 .img{ width:360px;}

.icon4 .h3{ font-size:16px;}
}
@media screen and (max-width:768px){
.menu li{ padding-left:20px;}
.footer_top_fl .p a{ padding:0 15px;}



.icase_con li{ width:33.333333%;}

.isolution ul{ margin-right:0px;}
.isolution li{ width:auto; float:none; margin-bottom:10px;}
.isolution li:last-child{ margin-bottom:0px;}
.isolution .pd{ margin-right:0px; overflow:hidden; height:auto; padding:20px;}
.isolution .h3{ float:left; width:120px; padding:0px !important;}
.isolution .p{ margin-left:120px; padding-top:0px; border:none; height:auto;}
.isolution .p em{ float:left; width:33.3333%;}

.inews li{ width:auto; float:none; margin-bottom:15px;}
.inews li:last-child{ margin-bottom:0px;}
.inews .pd{ border-radius:5px; overflow:hidden;}
.inews .img{ float:left; border-radius:0px; width:200px;}
.inews .img img{ border-radius:5px 0 0 5px;}
.inews .text{ margin-left:200px; padding:10px 15px 0 15px;}
.inews .p{ height:40px; margin-bottom:10px;}
.inews .em{ font-size:12px; text-align:left;}



.icon6{ background:#f7f8f8;}
.icon6 .img{ display:block; border:1px solid #ccc;}
.icon6 .img img{ width:100%; height:auto;}
.imap{ width:auto; float:none;}

.more a{ width:160px;}

.solution_list .text{ padding:10px 15px 0 15px;}

.banner_pg{ min-height:300px;}
.banner_pg .slick-slide a{ height:300px !important;}
.pg_tit .h3{ padding:15px 0;}
}
@media screen and (max-width:740px){



.banner_pg{ min-height:280px;}
.banner_pg .slick-slide a{ height:280px !important;}

.subnav a i{ height:40px; line-height:40px;}

.footer_bottom_fl{ float:none; text-align:center;}
.footer_bottom_fr{ float:none; text-align:center;}

.footer_top{ padding:15px 0;}
.footer_top_fl{ float:none; margin-bottom:15px;}
.footer_top_fl .h3{ margin-bottom:15px;}
.footer_top_fl .h3 img{ display:block; margin:0 auto;}
.footer_top_fl .p{ overflow:hidden; text-align:center;}
.footer_top_fl .p a{ float:none; display:inline-block;}
.footer_top_fr{ float:none;}
.footer_top_fr .h3{ float:none; margin:0 auto;}

.imap .i{ display:none;}
.imap li{ margin-bottom:15px;}
.imap .p{ line-height:20px;}
.imap .pd{ padding:20px;}

.icon_img .h3{ letter-spacing:0.1em; padding-left:0.1em;}
.icon_img .p{ letter-spacing:0.1em; padding-left:0.1em;}
}
@media screen and (max-width:640px){
.p_body{ padding-top:50px;}
.isolution .p em{ width:50%;}
.icase_con li{ width:50%;}
.icase_tab li strong{ font-size:14px;}
.icase_tab li em{ font-size:12px;}
.icase_tab li i{ font-size:24px;}
.icase_flip a,.icase_flip em{ margin:0 5px;}
.imsg li{ margin-bottom:15px;}

.imsg ul{ margin-right:-15px;}
.imsg .pd{ margin-right:15px;}

.menu li{ padding-left:10px;}
.footer_top_fl .p a{ padding:0 10px;}




.banner_pg{ min-height:230px;}
.banner_pg .slick-slide a{ height:230px !important;}

.header{ height:50px;}
.logo{ height:50px; width:120px;}
.logo i{ font-size:120px; width:120px; height:120px; line-height:120px; margin-top:-60px;}
.menu li a:after{ height:1px;}
.menu ul{ padding:10px 0;}
.menu li a{ height:30px; line-height:30px;}

.fix_body .case_tit{ top:50px;}
.fix_body .pg_tit{ top:50px;}
}
@media screen and (max-width:540px){
.banner_pg{ min-height:200px;}
.banner_pg .slick-slide a{ height:200px !important;}

.banner_pg .slick-dots{ bottom:10px;}
.banner_pg .slick-dots li{ margin:0 2px;}
.banner_pg .slick-dots li button{ width:8px; height:8px;}

.case_tit .p{ display:none;}
}

@media screen and (max-width:480px){
.banner_pg{ min-height:180px;}
.banner_pg .slick-slide a{ height:180px !important;}
.fix_body .case_tit .h3{ height:24px; line-height:24px;}
.icon4 .img{ width:auto;}
.tit1{ padding-left:0px; letter-spacing:normal;}

.icon, .icase_tab, .icon_img .text, .icase_con, .footer_top{ padding:20px 0;}
.wp{ margin:0 20px !important;}
.menu-link{ display:block;}
.menu{ display:none; position:absolute; top:0px; padding-top:50px; left:-30px; right:-30px; background:rgba(0,0,0,0.5);}
.menu li{ display:block; float:none; padding:0px; text-align:center;}
.menu li a{ height:34px; line-height:34px; font-size:18px; color:#fff;}
.menu li a.active:after{ display:none;}

.fix_body .menu{ top:50px; padding-top:0px;}
.fix_body .menu li a, .p_body .menu li a{ color:#fff;}
.fix_body .menu li a:hover, .p_body .menu li a:hover, .fix_body .menu li a.active, .p_body .menu li a.active{ color:#F00;}

.ibanner .slick-slide a{ background-position: top center;}
.ibanner .slick-dots{ bottom:80px; display:none !important;}
.ibanner .m{ bottom:10px;}
.ibanner .m .icon-bottom:before{ content:"\e6f7";}

.icase_tab li{ width:auto; padding-right:22px;}
.icase_tab li i{ display:inline-block; float:left; margin-right:3px; display:inline-block; height:20px; line-height:20px; font-size:14px;}
.icase_tab li strong{ float:left; display:inline-block; height:20px; line-height:20px;}
.icase_tab li em{ display:none;}
.icase_tab li:first-child{ width:100%; margin-bottom:10px;}
.icase_tab li:first-child .pd{ display:block; width:100px; margin:0 auto; overflow:hidden;}
.icase_tab li:first-child i{ height:30px; line-height:30px; margin-right:5px; font-size:18px;}
.icase_tab li:first-child strong{height:30px; margin-right:5px; line-height:30px;  font-size:18px;}
.icase_tab li:last-child{ padding-right:0px;}

.icase_con .text{ font-size:12px; height:30px; line-height:30px;}
.icase_con li{ margin-bottom:10px;}
.icon_img .h3{ font-size:18px; margin-bottom:5px;}

.isolution{ background:#f9f9f9; margin:0 -20px;}
.isolution ul{ margin-right:-2px; border-bottom:2px solid #fff;}
.isolution li{ width:50%; float:left; margin-bottom:0px;}
.isolution .p{ position:absolute; left:0px; margin:0px; top:0px; bottom:0px; right:0px; background:#f8f8f8; box-sizing:border-box; opacity:0;}
.isolution .p em{ width:auto; float:none; padding:5px 0;}
.isolution .pd{ box-shadow:none !important; background:#efefef; position:relative; border-radius:0px; padding:120px 0 140px 0; border-top:2px solid #fff; border-right:2px solid #fff; }
.isolution .h3{ float:none; width:auto; color:#635f5e !important;}
.isolution .h3 i{ font-size:48px;}

.isolution li.curr .h3{}

/*.isolution li:nth-child(1) .p{ padding-top:70px;}
.isolution li:nth-child(2) .p{ padding-top:110px;}
.isolution li:nth-child(3) .p{ padding-top:140px;}
.isolution li:nth-child(4) .p{ padding-top:140px;}*/

.isolution li.current .p{ opacity:1;}
.isolution li.current .p em{ padding:0px;}

/*.isolution li:nth-child(3) .pd,.isolution li:nth-child(4) .pd{}*/


.isolution_con{ display:block; background:#f9f9f9; text-align:center; padding:20px 0 0 0; display:none;}
.isolution_con .p{ display:none; font-size:12px;}
.isolution_con .p em{ display:block;}
.isolution_con .p:first-child{ display:block;}

.more a{ height:32px; line-height:32px;}

.icon4,.icon5{ padding:50px 0;}
.icon4 .img{ margin-bottom:10px;}
.icon4 .h3{ margin-bottom:30px;}
.imsg li:last-child{ padding-top:20px;}
.textarea1{ height:120px;}

.icon6{ padding-top:0px;}
.icon6 .img{ margin:0 -20px; border:none; overflow:hidden;}
.icon6 .img img{ width:180%; margin:-20% 0 -20% -40%;}
.imap{ margin-top:-60px; position:relative; z-index:2;}
.imap .i{ display:block; margin-bottom:20px;}
.imap .i i{ font-size:56px;}
.imap .h3{ margin-bottom:5px; font-weight:bold;}
.imap .h3 strong{ font-weight:bold;}
.footer_top_fl .p{ display:none;}
.footer_top_fl{ float:left; width:180px;}
.footer_top_fl .h3{ padding-top:0px;}
.footer_top_fl .h3 img{ width:100%; height:auto;}
.footer_top_fr{ float:right; width:80px;}
.footer_top_fr .h3{ width:auto;}

.footer_bottom{ padding-bottom:0px;}
.footer_bottom_fr{ background:#000; font-size:12px; padding:5px 20px; margin:0 -20px;}
.footer_bottom_fl{ position:absolute; left:120px; top:105px;}
.footer_top_fr{ position:static;}
.footer_top_fr .p{ display:block; right:auto; left:0px; top:103px;}
}



@media screen and (max-width:414px){
.banner_pg{ min-height:160px;}
.banner_pg .slick-slide a{ height:160px !important;}
.icon_img .h3{ font-size:18px; margin-bottom:10px;}
.icon_img .p{ font-size:14px;}

.inews .img{ width:150px;}
.inews .text{ margin-left:150px; padding:8px 8px 0 8px;}
.inews .h3{ font-size:14px; height:20px; line-height:20px; margin-bottom:5px;}
.inews .p{ font-size:12px; line-height:18px; height:36px; margin-bottom:5px;}

.icase_con li{ margin-bottom:10px;}
.icase_con .text{ height:30px; line-height:30px; font-size:12px;}
.icase_flip a,.icase_flip em{ font-size:14px; padding:0 0.3em; margin:0 1px;}

.imsg ul{ margin-right:0px;}
.imsg li{ width:auto; float:none; margin-bottom:5px;}
.imsg .pd{ margin-right:0px;}

.imap .h3 strong{ font-size:16px;}
.imap .h3 em{ font-size:14px;}
.imap .p{ font-size:12px;}

.pg_tit .h3{ padding:15px 0;}


.solution_list li{ margin-bottom:15px;}
.solution_list .img{ width:150px;}
.solution_list .text{ margin-left:150px; padding:8px 8px 0 8px;}
.solution_list .h3{ font-size:14px; height:20px; line-height:20px; margin-bottom:5px;}
.solution_list .p{ font-size:12px; line-height:18px; height:36px; margin-bottom:5px;}

.case_con img{ margin-bottom:20px;}

.banner_i{ min-height:400px;}
}
@media screen and (max-width:413px){
.wp{ margin:0 20px !important;}

.banner_pg{ min-height:150px;}
.banner_pg .slick-slide a{ height:150px !important;}

.pg_tit .h3{ font-size:16px;}
.tit1{ font-size:16px; margin-bottom:15px;}
.fix_body .pg_tit .h3{ font-size:16px;}

.case_con{ padding: 30px 0 20px 0;}
.case_con img{ margin-bottom:10px;}

.footer_top_fr .p{ width:90px;}
.footer_bottom_fl{ left:95px;}
.icase_tab li{ padding-right:9px;}
}
@media screen and (max-width:374px){
.wp{ margin:0 15px !important;}

.banner_pg{ min-height:130px;}
.banner_pg .slick-slide a{ height:130px !important;}

.case_tit{ padding:10px 0;}
.case_tit .h3{ font-size:14px;}

.case_con{ padding: 20px 0 15px 0;}

.footer_top_fr .p{ top:78px;}
.footer_bottom_fl{ left:0px;}
.icase_tab li{ padding:0 30px;}
.icase_tab li:first-child{ padding:0px;}


}























